<div class="row">
	<div class="span-8">
		<label>No Asociados</label>
		<select multiple style="height: 300px;" id="desasociados">
			<?php foreach ($no_incluidos as $rubro):?>
			 	<option value="<?php echo $rubro->idRubro;?>"><?php echo $rubro->descripcion;?></option>
			<?php endforeach;?>
		</select>
	</div>
	<div class="span-1" style="margin-top: 20px;">
		<div class="span-2">
			
			<button id="add">&gt;</button>
		</div>
		<div class="span-2">
			<button id="remove">&lt;</button>
		</div>
	</div>
	<div class="span-8">
		<label>Asociados</label>
		<select multiple style="height: 300px;" id="asociados">
			<?php foreach ($incluidos as $rubro):?>
			 	<option value="<?php echo $rubro->rubro;?>"><?php echo $rubro->rubro0->descripcion;?></option>
			<?php endforeach;?>
		</select>
	</div>
</div>

<script type="text/javascript">
	$("#add").click(function(event){
		$( "#desasociados option:selected" ).each(function() {
			var valor = $(this).val();
			var texto = $(this).text();
			$(this).remove();
		      $.post("<?php echo CController::createUrl('otrorubro/create') ?>",{'idproducto':$("#OtroRubro_producto").val(),'idrubro':$(this).val()})
		      	.done(function(data){
		      		$("#asociados").append($("<option></option>")
		      		         .attr("value",valor)
		      		         .text(texto)); 
     		         
			      	});
		 
		    });
		});
	$("#remove").click(function(event){
		$( "#asociados option:selected" ).each(function() {
			var valor = $(this).val();
			var texto = $(this).text();
			$(this).remove();
		      $.post("<?php echo CController::createUrl('otrorubro/delete') ?>",{'idproducto':$("#OtroRubro_producto").val(),'idrubro':$(this).val()})
		      	.done(function(data){
		      		$("#desasociados").append($("<option></option>")
		      		         .attr("value",valor)
		      		         .text(texto)); 
     		         
			      	});
		 
		    });
		
	});
</script>